<template>
    <div class="com-cnt">
        <div class="header">
            <p>物流单号：{{orderShippingSn}}</p>
            <p>官方电话：暂无</p>
        </div>
        <div class="wuliuInfo">
            <p v-for="wuliu in wuliuInfo">{{wuliu.ftime}}<br>{{wuliu.context}}</p>
        </div>
    </div>
</template>
<script>
import { domain,domain2 } from "@/assets/js/config"
import axios from 'axios'
import Qs from 'qs'
import $ from "jquery"
import { maskTips } from '@/assets/js/dom'
export default {
  name: "scddPage",
  components: {},
  data() {
    return {
        phone: localStorage.getItem('phone'),
        wuliuInfo: [],
        orderShippingSn: this.$route.query.sn
    };
  },
  mounted() {
        this.getWuliu()
  },
  methods: {
    direct: function (val,param){
        this.$router.push({ path: '/' + val,query: param });
    },
    getWuliu: function(){
        let that = this
        let orderShippingSn = that.orderShippingSn
        axios({
            url: domain2 + '/shop/api/member/order/transit_step',
            method: 'post',
            // headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            data: Qs.stringify({orderShippingSn: orderShippingSn})
        }).then(res => { that.getWuliuSucc(res) }).catch(err => { console.log(err) })
    },
    getWuliuSucc: function(res){
        this.wuliuInfo = res.data.data
    }
    
  }
};
</script>

<style lang="stylus" scoped>
.com-cnt
    width: 100%
    height: 100%
    .header
        padding 12px
        font-size 12px
        color #999999
        border-bottom 12px solid #f0f0f0
        p 
            height 20px
            line-height 20px
    .wuliuInfo
        padding 0 12px 0 38px
        font-size 12px
        color #999999
        p 
            margin-top 18px
            height 40px
            line-height 20px
            position relative
        p:before 
            content ('')
            width 15px
            height 15px
            line-height 15px
            background #999999
            border-radius 50%
            position absolute
            left -20px
            top 3px
            text-align center
        p:first-child:before 
            content ('✔')
            width 15px
            height 15px
            line-height 15px
            color #ffffff
            background #8EBE26
            border-radius 50%
            position absolute
            left -20px
            top 3px
            text-align center
        p:first-child
            color #8EBE26



</style>